/* 头部导航栏 */
header ul li:first-child {
    border-bottom: 1px solid #519f10;
}

header ul li:first-child a {
    color: #519f10;
}

/* 背景 */
.bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../images/bg.webp) no-repeat 0 0/100% 100%;
    width: 100%;
    height: 100vh;
}

/* 轮播图 */
.swiperBox {
    width: 100%;
    height: 9.9609rem;
    user-select: none;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    width: .3594rem;
    height: .0469rem;
    border-radius: 0;
    background-color: #fff;
}

/* 新茶上市 */
.newtea {
    width: 100%;
    height: 10.3rem;
    background-color: #f7f7f7;
    padding-top: .5469rem;
}

.newHead {
    text-align: center;
    color: #232323;
    font-weight: normal;
    font-style: normal;
    margin-bottom: .1563rem;
}

.newHead h1 {
    font-family: 微软雅黑;
    font-size: .1875rem;
    color: #232323;
    padding: 0 0 .0391rem 0;
    display: block;
    padding: 0 0 .0391rem 0;
}

.newHead p {
    font-size: .1016rem;
    color: #999999;
    display: block;
}

/* 新茶列表 */
.newTeaLis:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.newTeaLis li {
    float: left;
    width: 3.268rem;
    height: 3.7969rem;
    padding: .1172rem;
    text-align: center;
}

.wire div {
    width: 0px;
    height: 1px;
    background-color: #519f10;
    transition: .4s;
}

.newTeaLis li:hover .wire div {
    width: 100%;
}

.newTeaLis li:hover p {
    color: #519f10;
}

.newTeaLis li img {
    width: 2.7773rem;
    height: 2.7773rem;
    margin-bottom: .1172rem;
    cursor: pointer;
    transition: .5s;
}

.newTeaLis li:hover img {
    transform: scale(1.1);
}

.newTeaLis li p {
    color: #555555;
    font-size: .125rem;
    line-height: .1719rem;
    cursor: pointer;
}

.newTeaLis li .wire {
    width: 2.7773rem;
    height: 1px;
    margin: 0 auto;
    background-color: #ededed;
    margin-top: .1172rem;
    margin-bottom: .0938rem;
}

.newTeaLis li span {
    color: #555555;
    font-size: .125rem;
    font-family: sans-serif;
}

.newtea .newSkip {
    width: .6563rem;
    height: .3594rem;
    display: block;
    margin: 0 auto;
    margin-top: .2344rem;
}

.newtea .newSkip img {
    width: .625rem;
    height: .3594rem;
}

/* 关于我们 */
.about {
    position: relative;
    width: 100%;
    height: 5.1484rem;
    background-color: transparent;
}

.about .w {
    position: absolute;
    top: 1.1719rem;
    left: 25%;
}

.aboutHeader {
    text-align: center;
    color: #232323;
    font-weight: normal;
    font-style: normal;
    margin-bottom: .1563rem;
}

.aboutHeader h1 {
    font-family: 微软雅黑;
    font-size: .1875rem;
    color: #fff;
    padding: 0 0 .0391rem 0;
    display: block;
    padding: 0 0 .0391rem 0;
}

.aboutHeader p {
    font-size: .1016rem;
    color: #fff;
    display: block;
}

.aboutcontent {
    width: 9.2969rem;
    height: 2.3047rem;
    background-color: #fff;
    margin: 0 auto;
    border: .0781rem solid #fff;
}

.aboutcontent img {
    vertical-align: middle;
    max-width: 100%;
    width: 4.0703rem;
    height: 2.1094rem;
}

.aboutcontent .aboutRight {
    float: right;
    width: 4.8rem;
    height: 2.1rem;
}

.aboutRight .aboutText {
    width: 4.2813rem;
    margin: 0 auto;
    margin-top: .3906rem;
    max-height: .9rem;
    overflow: auto;
}

.aboutRight span {
    font-size: .1094rem;
    line-height: .2188rem;
}

.aboutRight .aboutBtn {
    cursor: pointer;
    width: 1rem;
    height: .3047rem;
    background-color: #90af6b;
    text-align: center;
    line-height: .3047rem;
    color: #ffffff;
    font-weight: 800;
    margin-top: .1563rem;
    margin-left: .3125rem;
}

/* 尾部图标 */
.icons {
    height: 1.3281rem;
    background-color: #fff;
}

.icons ul {
    line-height: 1.3281rem;
    display: flex;
    justify-content: space-between;
}

.icons ul li {
    cursor: pointer;
}

.icons ul li img {
    width: 1.1719rem;
    height: .4688rem;
}